html {
    height: 17.786667rem;
}

body {
    min-width: 320px;
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
}

.header {
    width: 100%;
    height: 2.133333rem;
    padding: .266667rem;
    img {
        width: 1.6rem;
        height: 1.6rem;
    }
}

h3 {
    text-align: center;
    margin-top: .533333rem;  //20
    color: #333;
    font-size: .933333rem;  //35
    margin-bottom: 1.333333rem;
}

.b-style1 {
    width: 80%;
    height: 6.4rem; 
    padding: .133333rem;
    margin: 0 auto;
    display: flex;
    .body-style {
        flex: 1;
        height: 100%;
        // background-color: red;
        padding: .266667rem;
        .body_style_box {
            // background-color: yellow;
            padding: .266667rem;
            border-radius: .666667rem;
            img {
                width: 98%;
                margin: 0 auto;
                height: 5.333333rem;
                // border: 1px solid #fff;
                border-radius: .666667rem;
            }
        }
    }
}

.b-style2 {
    width: 60%;
    height: 6.4rem; 
    padding: .133333rem;
    display: flex;
    margin: .533333rem auto;
    .body-style {
        flex: 1;
        height: 100%;
        // background-color: red;
        padding: .266667rem;
        .body_style_box {
            // background-color: yellow;
            padding: .266667rem;
            border-radius: .666667rem;
            img {
                width: 98%;
                margin: 0 auto;
                height: 5.333333rem;
                // border: 1px solid #fff;
                border-radius: .666667rem;
            }
        }
    }
}


.nextbutton{
    width: 70%;
    margin: 9.333333rem auto;
    button {
        width: 100%;
        // margin: 0 auto;
        color: #fff;
        background-color: #7be4ee;
        border:none;
        height: 2.666667rem;
        border-radius: 2.666667rem;
        font-size: .666667rem;
    }
}
